<template>
  <div class="header" id="header">
    <div class="head wrap clearfix">
      <a class="logo fl" href="index.html">
        <img src="../assets/imgs/logo.png" alt="美时美客">
      </a>
      <!-- <div class="toolsBar fr">
        <div class="login fr">
          <el-button>登录</el-button>
          <el-button type="danger">注册</el-button>
        </div>
        <div class="search fr">
          <el-input placeholder="请输入搜索内容" v-model="input5" class="input-with-select">
            <el-button slot="append" icon="el-icon-search"></el-button>
          </el-input>
        </div>
      </div> -->
    </div>
  </div>
</template>

<script>
import vue from 'vue'
export default {
  data () {
    return {
      input5: ''
    }
  }
}
</script>
<style scoped>
.header{
  height: 80px;border-bottom: 1px solid #d3d3d3;background: #fff;
}
.logo{
  margin-top: 14px;
}
.toolsBar{
  max-width: 800px;margin-top: 16px;
}
.login{margin-left: 30px}
</style>
